@keyframes scaleBigToSmall {
    0% { 
      opacity: 1;
      -webkit-transform: scale(1.2); 
      -ms-transform: scale(1.2); 
      transform: scale(1.2);
    }
    100% { 
      opacity: 1;
      -webkit-transform: scale(1); 
      -ms-transform: scale(1); 
      transform: scale(1);
    }
  }
  .scaleBigToSmall{
      -webkit-animation-name: scaleBigToSmall;
      animation-name: scaleBigToSmall;
      transform-origin: 50% 50%;
  }
 .mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s;  z-index: 6;
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
    .idxNews .swiper-slide:hover .mask-white,.newslist li:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}

@keyframes  gradient-rectangle {
  0% {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
      background: linear-gradient(to top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6));
      background: -webkit-linear-gradient(to top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6));
      opacity: 1;
  }

  100% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: top;
      transform-origin: top;
      background: linear-gradient(to top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6));
      background: -webkit-linear-gradient(to top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6));
      opacity: 0;
  }
}
@keyframes move-forever {
  0% {
    transform: translate(-90px, 0%);
    -webkit-transform: translate(-90px, 0%);
    -moz-transform: translate(-90px, 0%);
    -ms-transform: translate(-90px, 0%);
    -o-transform: translate(-90px, 0%);
}
  100% {
    transform: translate(85px, 0%);
    -webkit-transform: translate(85px, 0%);
    -moz-transform: translate(85px, 0%);
    -ms-transform: translate(85px, 0%);
    -o-transform: translate(85px, 0%);
}
}

@keyframes long {
  0% {
      width: 0
  }

  25% {
      width: 25%
  }

  50% {
      width: 100%
  }

  75% {
      width: 25%
  }

  to {
      width: 0
  }
}


 
@keyframes ani2_img{
	0%{ transform:scale(0); opacity: 0; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); }
    33%{ transform:scale(0.5); opacity: .5; -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0.5); }
    50%{ transform:scale(.75); opacity: 1; -webkit-transform:scale(.75); -moz-transform:scale(.75); -ms-transform:scale(.75); -o-transform:scale(.75); }  
	100%{ transform:scale(1); opacity: 0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
}

@keyframes serv_one_border {
  0% {
      opacity: 0
  }

  5% {
      opacity: 1
  }

  80% {
      opacity: 0
  }

  100% {
      opacity: 0;
      transform: scale(1.5);
      -ms-transform: scale(1.5);
      -o-transform: scale(1.5);
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5)
  }
}
@keyframes moves {
	0%{   transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } 
50%{  transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); } 
	100%{   transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
@keyframes yuan {
    100% {
      transform: rotate(-360deg);
    }
  }
@keyframes svgCircleAnmi {
	0% {
		stroke-dasharray: 0 339
	}
	to {
		stroke-dasharray: 339 339
	}
}
@keyframes move1{
    0%{transform:translateX(-50%)}
    50%{transform:translateX(60px)}
    100%{transform:translateX-(70%)}
    }
    @keyframes move2{
    0%{transform:translateX(80%)}
    50%{transform:translateX(0px)}
    100%{transform:translateX(-60%)}
    }
    @keyframes move3{
    0%{transform:translateX(24%)}
    50%{transform:translateX(70%)}
    100%{transform:translateX(-60%)}
    }
    @-webkit-keyframes criss-cross-left {
      0% {
       left:-20px
      }
      50% {
       left:50%;width:20px;height:20px;
      }
      100% {
       left:50%;width:375px;height:375px;
      }
     }
     @keyframes criss-cross-left {
      0% {
       left:-20px
      }
      50% {
       left:50%; width:20px;height:20px;
      }
      100% {
       left:50%;width:375px;height:375px;
      }
     }
     @-webkit-keyframes criss-cross-right {
      0% {
       right:-20px
      }
      50% {
       right:50%;width:20px;height:20px;
      }
      100% {
       right:50%;width:375px;height:375px;
      }
     }
     @keyframes criss-cross-right {
      0% {
       right:-20px
      }
      50% {
       right:50%;width:20px;height:20px;
      }
      100% {
       right:50%;width:375px;height:375px;
      }
     }